import React from 'react'

import './Header.css'
export default function Header() {
  return (
    <div>
        <div className='header'>
            <div className='headerbox'>
                <p className='p1'>网易云音乐</p>
                <ul className='headernav'>
                  <li>发现音乐</li>
                  <li>我的音乐</li>
                  <li>关注</li>
                  <li>商城</li>
                  <li>音乐人</li>
                  <li>下载客户端</li>
                </ul>
               <div className='serch'><input type="text" className='inputserch'placeholder='音乐/视频/电台/用户' /> </div>
               <div className='createcenter'>创作者中心</div>
               <div className='login'>登录</div>
            </div>
        </div>
      <div className='Senav'>
              <ul className='navlist'>
                  <li>
                    推荐
                  </li>
                  <li>
                    排行榜
                  </li>
                  <li>
                    歌单
                  </li>
                  <li>
                    主播电台
                  </li>
                  <li>
                    歌手
                  </li>
                  <li>
                    新碟上架
                  </li>
              </ul>

      </div>
    </div>
  )
}
